AJAX ব্যবহার করে আপনি XML ফাইল থেকেও ডেটা সংগ্রহ করতে পারেন। XML (eXtensible Markup Language) হল একটি ডেটা ফরম্যাট যা সাধারণত সার্ভার থেকে ডেটা আদান-প্রদান করার জন্য ব্যবহৃত হয়। AJAX ব্যবহার করে XML ফাইল থেকে ডেটা লোড করা খুবই সহজ, এবং এটি ওয়েব পেজের কিছু অংশ রিলোড না করেই আপডেট করতে সাহায্য করে।
যখন আপনি একটি XML ফাইল থেকে ডেটা নিতে চান, তখন XMLHttpRequest ব্যবহার করা হয়। XML ফাইল সাধারণত বিভিন্ন ট্যাগের মধ্যে ডেটা ধারণ করে, এবং এটি পার্স (parse) করে তাতে থাকা তথ্য বের করা হয়।
ধরা যাক, আপনার একটি XML ফাইল আছে যার নাম data.xml, এবং এতে কিছু ডেটা রয়েছে, যেমন:
data.xml:
<library>
<book>
<title>JavaScript Basics</title>
<author>John Doe</author>
</book>
<book>
<title>Advanced JavaScript</title>
<author>Jane Smith</author>
</book>
</library>
এখন, আপনি AJAX ব্যবহার করে এই XML ফাইলটি লোড করবেন এবং এতে থাকা ডেটা ব্রাউজারে দেখাবেন।
// XMLHttpRequest তৈরি
const xhr = new XMLHttpRequest();
// XML ফাইল লোড করার জন্য GET রিকোয়েস্ট সেট করা
xhr.open('GET', 'data.xml', true);
// রিকোয়েস্ট সফল হলে এই ফাংশনটি চলবে
xhr.onload = function() {
if (xhr.status === 200) {
// রেসপন্স থেকে XML ডেটা পাওয়া
const xmlData = xhr.responseXML;
// XML ডেটা পার্স করা
const books = xmlData.getElementsByTagName('book');
// প্রত্যেকটি বইয়ের শিরোনাম ও লেখক দেখানো
for (let i = 0; i < books.length; i++) {
const title = books[i].getElementsByTagName('title')[0].textContent;
const author = books[i].getElementsByTagName('author')[0].textContent;
console.log(`Title: ${title}, Author: ${author}`);
}
} else {
console.error('Error loading XML:', xhr.status);
}
};
// রিকোয়েস্ট পাঠানো
xhr.send();
xhr.open('GET', 'data.xml', true);: এটি GET রিকোয়েস্ট তৈরি করে, যেখানে data.xml হল XML ফাইলটির নাম। true মানে রিকোয়েস্টটি অ্যাসিনক্রোনাস (Asynchronous)।xhr.onload = function() {...}: যখন রিকোয়েস্ট সম্পন্ন হবে এবং সার্ভার থেকে রেসপন্স আসবে, তখন এই ফাংশনটি চালু হবে।xhr.responseXML: এটি XML ফাইল থেকে ডেটা রিটার্ন করে, যা পরবর্তীতে পার্স (parse) করা হয়।getElementsByTagName('book'): এটি XML ডেটার মধ্যে <book> ট্যাগের সব এলিমেন্ট নেবে, যাতে বইয়ের শিরোনাম এবং লেখক পাওয়া যাবে।XML ফাইল থেকে ডেটা নেয়ার পর, XMLHttpRequest এর responseXML প্রপার্টি ব্যবহার করে XML ডেটাকে পার্স করা হয়। এতে বিভিন্ন ট্যাগের মধ্যে থাকা ডেটা পাওয়া যায়, যা getElementsByTagName বা getElementById ব্যবহার করে এক্সেস করা হয়।
const bookTitle = xmlData.getElementsByTagName('title')[0].textContent;
const bookAuthor = xmlData.getElementsByTagName('author')[0].textContent;
console.log('Book Title:', bookTitle);
console.log('Book Author:', bookAuthor);
ব্যাখ্যা: এখানে getElementsByTagName ব্যবহৃত হয়েছে যা XML ডেটার মধ্যে <title> এবং <author> ট্যাগের মান রিটার্ন করে।
AJAX ব্যবহার করে XML ফাইল থেকে ডেটা লোড করা সহজ এবং কার্যকর পদ্ধতি। সার্ভারের XML ফাইল থেকে তথ্য পাঠানোর এবং গ্রহণ করার মাধ্যমে ওয়েব পেজে দ্রুত ডাইনামিক আপডেট করা সম্ভব। XMLHttpRequest ব্যবহার করে এই ডেটা লোড এবং পার্স করা হয়, যা ব্রাউজারের ইন্টারফেসে খুব দ্রুত প্রক্রিয়া করা যায়।
Read more
or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
